<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>炫酷CSS3动画库wickedCSS</title>
		<style type="text/css">
			#animationelement {
				background: url("../../images/mjXfKJP.png") no-repeat center;
				background-size: contain;
				height: 190px;
				width: 200px;
				margin-left: auto;
				margin-right: auto;
			}
			.floater {
				animation-name: floater;
				-webkit-animation-name: floater;
				animation-duration: 1.5s;
				-webkit-animation-duration: 1.5s;
				animation-iteration-count: infinite;
				-webkit-animation-iteration-count: infinite;
				visibility: visible !important;
			}
			@keyframes floater {
				0% {
					transform: translateY(0%);
				}
				50% {
					transform: translateY(8%);
				}
				100% {
					transform: translateY(0%);
				}
			}
			@-webkit-keyframes floater {
				0% {
					-webkit-transform: translateY(0%);
				}
				50% {
					-webkit-transform: translateY(8%);
				}
				100% {
					-webkit-transform: translateY(0%);
				}
			}
		</style>
		<link rel="stylesheet" type="text/css" href="../../css/time/201810/wickedcss.css" />
	</head>

	<body>
		<div class="container">
			<div class="container center-align">
				<div class="col s12">
					<div id="animationelement" class="floater"></div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
		</script>
	</body>

</html>